<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浙江政务服务网-证照联办</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/table_list.css">
	<link rel="stylesheet" href="css/head.css">

    <script src="js/jquery.1.9.1.min.js"></script>
    <script src="js/index.js"></script>
    
    <script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>

</head>
<body>
    <!-- 头部 begin -->
	<div class="head">
		<div class="content_head">
			<a class="logo_img">
				<span class="logo_name">浙江政务服务网</span>
			</a>
		</div>

	</div>
    <!-- 头部 end -->

	 <!-- 中部 begin -->
	<div class="content" style="height:700px;position: relative;">
		     <!-- 左侧菜单开始 -->
        <div class="left-nav">
			 <!-- <a class="turn-classify" href="index.html" >按行业主体</a>-->
              <ul class="left-icon-list">
                    <li class="left-icon-list-li" data-id="0" data-tip="全部事项">
                        <a>
                            <img src="images/index-classify-0-2.png" id="left-icon-img0">
                            <span>全部事项</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="1" data-tip="常办事项" data-classify="[3,4]">
                        <a>
                            <img src="images/index-classify-1-2.png" id="left-icon-img1">
                            <span>常办事项</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="2" data-tip="食品药品" data-classify="[1,2,3]">
                        <a>
                            <img src="images/index-classify-2-2.png" id="left-icon-img2">
                            <span>食品药品</span>
                        </a>
                    </li>
        			<li class="left-icon-list-li" data-id="3" data-tip="公安消防" data-classify="[23,5,7]">
                        <a>
                            <img src="images/index-classify-3-2.png" id="left-icon-img3">
                            <span>公安消防</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="4" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-4-2.png" id="left-icon-img4">
                            <span>卫生行政</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="5" data-tip="公安消防" data-classify="[4,5,17]">
                        <a>
                            <img src="images/index-classify-5-2.png" id="left-icon-img5">
                            <span>烟草零售</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="6" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-6-2.png" id="left-icon-img6">
                            <span>文化娱乐</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="7" data-tip="公安消防" data-classify="[14,5,7]">
                        <a>
                            <img src="images/index-classify-7-2.png" id="left-icon-img7">
                            <span>体育旅游</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="8" data-tip="公安消防" data-classify="[4,15,7]">
                        <a>
                            <img src="images/index-classify-8-2.png" id="left-icon-img8">
                            <span>道路运输</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="9" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-9-2.png" id="left-icon-img9">
                            <span>人力社保</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="10" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-10-2.png" id="left-icon-img10">
                            <span>新闻出版</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="11" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-11-2.png" id="left-icon-img11">
                            <span>动物农药</span>
                        </a>
                    </li>
                    <li class="left-icon-list-li" data-id="12" data-tip="公安消防" data-classify="[4,5,7]">
                        <a>
                            <img src="images/index-classify-12-2.png" id="left-icon-img12">
                            <span>外贸企业相关</span>
                        </a>
                    </li>
              </ul>
              
        </div>
        <!-- <div class="x-slide_left"></div> -->
        <div class="left-box-position">
              		<ul class="icon-list">
						<li class="li-icon li-hover" data-tip="食品小作坊" id="icon-li1" data-lab="[1]">
							<img src="images/index-icon-1.png" id="icon_img1">
							<h4>食品小作坊</h4>
						</li>
						<li class="li-icon li-hover" data-tip="小餐饮店"  id="icon-li2" data-lab="[1]">
							<img src="images/index-icon-2.png" id="icon_img2">
							<h4>小餐饮店</h4>
						</li>
						<li class="li-icon li-hover" data-tip="小食杂店" id="icon-li3" data-lab="[1]">
							<img src="images/index-icon-3.png" id="icon_img3">
							<h4>小食杂店</h4>
						</li>
						<li class="li-hover li-icon" data-tip="住宿服务" id="icon-li4" data-lab="[4,6,7]">
							<img src="images/index-icon-4.png" id="icon_img4">
							<h4>住宿服务</h4>
						</li>
						<li class="li-icon li-hover" id="icon-li5">
							<img src="images/index-icon-5.png" id="icon_img5">
							<h4>餐饮服务</h4>
						</li>
						<li class="li-icon li-hover" id="icon-li6">
							<img src="images/index-icon-6.png" id="icon_img6">
							<h4>卷烟零售</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li7">
							<img src="images/index-icon-7.png" id="icon_img7">
							<h4>商场超市</h4>
						</li>
						<li class="li-icon li-hover" id="icon-li8">
							<img src="images/index-icon-8.png" id="icon_img8">
							<h4>美容美发</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li9">
							<img src="images/index-icon-9.png" id="icon_img9">
							<h4>洗浴服务</h4>
						</li> 
						 <li class="li-icon li-hover" id="icon-li10">
							<img src="images/index-icon-10.png" id="icon_img10">
							<h4>娱乐场所<h4 style="font-size:12px"></h4></h4>
						</li> 
						
						<li class="li-icon li-hover" id="icon-li11">
							<img src="images/index-icon-11.png" id="icon_img11">
							<h4>互联网上网服务</h4>
						</li> 
						
						  <li class="li-icon li-hover"  id="icon-li12">
							<img src="images/index-icon-12.png" id="icon_img12">
							<h4>游泳场馆</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li13">
							<img src="images/index-icon-13.png" id="icon_img13">
							<h4>旅行社</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li14">
								<img src="images/index-icon-14.png" id="icon_img14">
								<h4>医疗器械</h4>
							</li>
						  <li class="li-icon li-hover"  id="icon-li15">
							<img src="images/index-icon-15.png" id="icon_img15">
							<h4>道路货物运输站（场）</h4>
						</li>
						<li class="li-icon li-hover"  data-text="机动车维修" id="icon-li16">
							<img src="images/index-icon-16.png" id="icon_img16">
							<h4>机动车维修</h4>
						</li>
						 <li class="li-icon li-hover"  data-text="道路普通货物运输" id="icon-li17">
							<img src="images/index-icon-17.png" id="icon_img17">
							<h4>道路普通货物运输</h4>
						</li>
						 <li class="li-icon li-hover"  data-text="人力资源服务" id="icon-li18">
							<img src="images/index-icon-18.png" id="icon_img18">
							<h4>人力资源服务</h4>
						</li>
						<li class="li-icon li-hover"  id="icon-li19">
							<img src="images/index-icon-19.png" id="icon_img19">
							<h4>印刷经营</h4>
						</li>
						  <li class="li-icon li-hover"  id="icon-li20">
							<img src="images/index-icon-20.png" id="icon_img20">
							<h4>广播电视节目制作</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li21">
							<img src="images/index-icon-21.png" id="icon_img21">
							<h4>动物诊疗</h4>
						</li>
						 <li class="li-icon li-hover"  id="icon-li22">
							<img src="images/index-icon-22.png" id="icon_img22">
							<h4>农药经营</h4>
						</li>
						<li class="li-icon li-hover"  id="icon-li23">
							<img src="images/index-icon-23.png" id="icon_img23">
							<h4>外贸公司</h4>
						</li>

						<div class="clearfix"></div>
				   </ul>  
              </div>
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
            <div class="" style="height:100%">
                  <div class="top-title" >
                       
                       <form style=" display:block; width:100%; height:56px; position:relative;margin: 0 auto;"> 
                       		<span id="top-tip">全部事项</span> 
							<input id="q" maxlength="25" size="20" onfocus="if(this.value=='请输入您想办理的事项'){this.value=''}" onblur="if(this.value==''){this.value='请输入您想办理的事项'}" value="请输入您想办理的事项" name="q" type="text" style=" width:290px; height:27px; padding-left:10px; position:absolute; top:10px; right:20px; border:#dddddd solid 1px;; font-size:14px; line-height:27px; font-family:'微软雅黑'; color:#999;">
							<input type="submit" name="submit" value="" style=" width:45px; height:37px; position:absolute; top:10px; right:0px; border:none; background:url(images/search_submit.png) top no-repeat; cursor:pointer;">
						</form>
                  </div>
                  <div style="height:484px;overflow-x: hidden;overflow-y: auto">
                        <div  style="height:100%">
                            <ul class="li-list">
                            	<li class="li-lab" id='lab-li1'>
									<label class="checked-lab"  >
										<input type="checkbox" ><i>✓</i>食品生产经营登记
									</label>
								</li>
                           		<li class="li-lab"  id='lab-li2'>
									<label class="checked-lab"  >
										<input type="checkbox" ><i>✓</i>食品经营许可
									</label>
								</li>
                          		 <li class="li-lab"  id='lab-li3'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>第三类医疗器械经营许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li4'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>旅馆业特种行业许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li5'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>互联网上网服务营业场所设立和变更审批
									</label>
								</li>
								
								<li class="li-lab"  id='lab-li6'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>公共场所卫生许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li7'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>公众聚集场所投入使用、营业前消防安全检查(面积大于200㎡需申请)
									</label>
								</li>
								<li class="li-lab"  id='lab-li8'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>烟草专卖零售许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li9'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>设立内资娱乐场所审批
									</label>
								</li>
								<li class="li-lab"  id='lab-li10'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>互联网上网服务营业场所设立和变更审批
									</label>
								</li>
								<li class="li-lab"  id='lab-li11'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>经营高危险性体育项目许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li12'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>旅行社业务经营许可证核发
									</label>
								</li>
								<li class="li-lab"  id='lab-li13'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>道路运输经营许可证核发
									</label>
								</li>
								<li class="li-lab"  id='lab-li14'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>设立人才中介服务机构审批
									</label>
								</li>
								<li class="li-lab"  id='lab-li15'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>职业介绍机构审批
									</label>
								</li>
								<li class="li-lab"  id='lab-li16'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>企业从事包装装潢和其他印刷品印刷经营活动审批/个人从事其他印刷品印刷经营活动审批
									</label>
								</li>
								<li class="li-lab"  id='lab-li17'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>设立广播电视节目制作经营单位批准
									</label>
								</li>
								<li class="li-lab"  id='lab-li18'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>动物诊疗许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li19'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>农药经营许可
									</label>
								</li>
								<li class="li-lab"  id='lab-li20'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>对外贸易经营备案登记
									</label>
								</li>
								<li class="li-lab" id='lab-li21'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>进出口收发货人注册登记
									</label>
								</li>
								<li class="li-lab" id='lab-li22'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>报检企业备案
									</label>
								</li>
								<li class="li-lab" id='lab-li23'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>原产地企业备案
									</label>
								</li>
								<li class="li-lab" id='lab-li24'>
									<label class="checked-lab"   >
										<input type="checkbox"   ><i>✓</i>开户许可
									</label>
								</li>
								<li class="li-lab" id='lab-li25'>
									<label class="checked-lab"  >
										<input type="checkbox"   ><i>✓</i>原产地企业备案
									</label>
								</li>
								
						   </ul>
                        </div>
                  </div>
                  <div class="bottom-box" >
                       <div class="bottom">
						     <table style="margin-top:16px;">
								 <tr>
									<td> <h2>统一社会信用代码：</h2></td>
									<td><input type="text" value="已办营业执照请输入" onfocus="if(this.value=='已办营业执照请输入'){this.value=''}" onblur="if(this.value==''){this.value='已办营业执照请输入'}" value="已办营业执照请输入"></td>
								 </tr>
						     </table>
							 <div class="buttom_box">
								<span><a href="confirm.html" style="background-color:#ffa007;">我要申请</a></span>

								
							</div>
					   </div>
                  </div>
            </div>
        </div>
        <div class="page-content-bg"></div>
        <!-- 右侧主体结束 -->
    </div>
	<!-- 中部 end -->
    <!-- 尾部 begin -->
	<div class="footer">

	</div>
    <!-- 尾部 end -->   
   <!-- 模态框 选择地区-->
   <a data-toggle="modal" data-target="#myplace" style="display:none;" id="choice-place"></a>
    <div class="modal fade" id="myplace" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:720px;margin-left: -360px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #1492ff;height: 30px;border-top-left-radius: 4px;border-top-right-radius: 4px;">

                    <h4 class="modal-title" id="myModalLabel" style="font-size: 18px;font-weight: normal;line-height: 30px;color: white;">
                    	我的地区
                    </h4>
                </div>
                <div class="modal-body" style="padding: 0;">
                    <table class="place-table">
                    	<tr style="border: none;">
							<td><h4>市</h4></td>
                    		<td>
                    			<span class="span-hover">杭州</span><span class="span-hover">宁波</span><span class="span-hover">温州</span><span class="span-hover">湖州</span><span class="span-hover">杭州</span><span class="span-hover">宁波</span><span class="span-hover">温州</span><span class="span-hover">湖州</span><span class="span-hover">杭州</span><span class="span-hover">宁波</span><span class="span-hover">温州</span>
                    		</td>
                    	</tr>
                        <tr>
                    		<td><h4>县（市、区）</h4></td>
                    		<td>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
								<span class="span-hover">西湖区</span>
                    		</td>
                    	</tr>
                        <tr>
                    		<td><h4>乡镇街道</h4></td>
                    		<td>
								<span class="span-hover">湖滨街道</span>
								<span class="span-hover">清波街道</span>
								<span class="span-hover">小营街道</span>
								<span class="span-hover">望江街道</span>
								<span class="span-hover">南星街道</span>
                   				<span class="span-hover">紫阳街道</span>
                    		</td>
                    	</tr>

                    </table>
                </div>
                <div class="modal-footer" style="background-color:white; text-align:center;">
               		 <button type="button" class="sure" data-dismiss="modal">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
 <!-- 模态框 -->
</body>

</html>
